<template>
  <div class="app-layout">
    <header class="header">
      <div>
        <img class="img" src="../assets/logo.svg" alt />
      </div>
      <div>My shirt shop</div>
    </header>
    <NavMenu></NavMenu>
    <!-- 菜单在这里 -->
    <transition name="fade" mode="out-in">
      <router-view></router-view>
    </transition>
  </div>
</template>

<script>
import NavMenu from "./NavMenu";

export default {
  components: {
    NavMenu
  }
};
</script>

<style lang="stylus">
@import '../assets/style/main'
</style>
<style lang="stylus" scoped>
.header
  .img
    width 64px
    height 64px
</style>